﻿<%@ Page Title="" Language="C#" MasterPageFile="~/template.Master" AutoEventWireup="true" CodeBehind="AddressLookups.aspx.cs" Inherits="SystemDirectory.AddressLookups" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link rel="stylesheet" href="Css/style.css" type="text/css" />
<style>
.top {
	border: 0px solid #ccc;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding-bottom: 2px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.top-left {
	border: 0px solid #ccc;
	font:bold 14px Arial,  Verdana, Helvetica, sans-serif;
	float: left;
	padding: 5px 0;
}
.top-right {
	border: 0px solid #ccc;
	float: right;
	text-align: right;
}
.details1 {
	overflow: hidden;
}
.content-left {
	float: left;
	padding-right: 50px;
}
.content-right {
}
.frm div {
    display: table;
    position: static;
}
.frm div label {
	width: 150px;
	word-wrap: break-word;
	
	display: table-cell;
    vertical-align: middle;
    position: static;
}
.frm textarea {
	width: 260px;
	height: 80px;
}
.frm input[type="text"], input[type="password"] {
	width: 260px;
}
.frm select {
	width: 270px;
}
.frm .field
	display:table;
}



</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="content">
	<div id="mainContainer">
	<div class="box">
		<div id="container-orglst">
			<h4><a href="#">Search Postcode</a> </h4>
		
			<form>
				<div class="tabDetails" style="height:50px">
					
						<div class="field">
							<label for="postcode" style="display:inline-block;margin-left:5px">Postcode: </label>
							<input type="text" name="postcode" value="" id="postcode" style="margin-top:10px"/>
							<label for="street" style="display:inline-block;margin-left:20px">Street: </label>
							<input type="text" name="street" value="" id="street"  style="margin-top:10px"/>
							<label for="town" style="display:inline-block;margin-left:65px">Town: </label>
							<input type="text" name="town" value="" id="town" style="margin-top:10px; margin-right:10px" />
						</div>
	
				</div>
			
				<div >
					<input type="button" value="Search Address" style="margin-right:10px" class="btn btn-primary" />
					<input type="button" value="None" style="margin-right:10px" class="btn btn-primary" />
					<input type="button" value="Clear" style="margin-right:10px" class="btn btn-primary" />
					
				</div>
				<br />
				
				
				<div class="div-table">
					<div class="table table-striped table-bordered">
						<table width="100%">
							<thead>
								<tr>
									<th></th>
									<th>Address</th>
									<th>Post code</th>
									<th>Town</th>
									<th>County</th>
									<th>Country</th>
									
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>
										<input type="radio" name="select" value="" id="select"/>
									</td>
									<td>10 Maurer Court Greenwich</td>
									<td>SE10 0SS</td>
									<td>London</td>
									<td>Greenwich</td>
									<td>Britain</td>
									
								</tr>
								<tr>
									<td>
										<input type="radio" name="select" value="" id="select"/>
									</td>
									<td>10 Maurer Court Greenwich</td>
									<td>SE11 0SS</td>
									<td>London</td>
									<td>Greenwich</td>
									<td>Britain</td>
								</tr>	
								<tr>
									<td>
										<input type="radio" name="select" value="" id="select"/>
									</td>
									<td>10 Maurer Court Greenwich</td>
									<td>SE12 0SS</td>
									<td>London</td>
									<td>Greenwich</td>
									<td>Britain</td>
								</tr>
								<tr>
									<td>
										<input type="radio" name="select" value="" id="select"/>
									</td>
									<td>10 Maurer Court Greenwich</td>
									<td>SE13 0SS</td>
									<td>London</td>
									<td>Greenwich</td>
									<td>Britain</td>
								</tr>
							</tbody>
						</table>
					</div>
			        <span class="pagelinks" style="float:right;">      
			            <span class="icon icon-step-backward"> <a href="#"></a></span>      
			            <span class="icon icon-backward"> <a href="#"></a></span>
			            Page <input style="font-size: 12px; width:35px; padding: 2px;" class="curpage" type="text" name="b" value="1" /> of <span class="nops">1</span>
			            <span class="icon icon-forward"> <a href="#"></a></span>      
			            <span class="icon icon-step-forward"> <a href="#"></a></span>
			        </span>
				</div>
						
				<div>
					<input type="button" value="Select" style="margin-right:10px" class="btn btn-primary" />
					
					<input type="button" value="Close" class="btn btn-primary" />
				</div>
			</form>
					
		</div>
			
		
	</div>
	</div>
    </div>
</asp:Content>
